<div class="wrapper">
  <div class="content pb0">
    <div class="row">
      <div class="col-md-3 col-sm-6 col-xs-12">
        <div class="info-box">
          <span class="info-box-icon bg-aqua"><i class="fa fa-shopping-bag"></i></span>
          <div class="info-box-content">
            <span class="info-box-text">{{i18n.CumulativeSalesToday}}</span>
            <span id="todaySale" class="info-box-number"></span>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-12">
        <div class="info-box">
          <span class="info-box-icon bg-red"><i class="fa fa-shopping-cart"></i></span>
          <div class="info-box-content">
            <span class="info-box-text">{{i18n.CumulativeSalesThisMonth}}</span>
            <span id="thisMonthSale" class="info-box-number"></span>
          </div>
        </div>
      </div>
      <div class="clearfix visible-sm-block"></div>
      <div class="col-md-3 col-sm-6 col-xs-12">
        <div class="info-box">
          <span class="info-box-icon bg-green"><i class="fa fa-shopping-basket"></i></span>
          <div class="info-box-content">
            <span class="info-box-text">{{i18n.CumulativePurchasesThisMonth}}</span>
            <span id="thisMonthBuy" class="info-box-number"></span>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 col-xs-12">
        <div class="info-box">
          <span class="info-box-icon bg-yellow"><i class="fa fa-rmb"></i></span>
          <div class="info-box-content">
            <span class="info-box-text">{{i18n.ProfitForTheMonth}}</span>
            <span id="thisMonthAmount" class="info-box-number"></span>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <section class="col-md-6 ui-sortable">
        <div class="box box-solid">
          <div class="box-header ui-sortable-handle">
            <i class="fa fa-th"></i>
            <h3 class="box-title">{{i18n.ProcurementStatistics}}</h3>
            <div class="box-tools pull-right"></div>
          </div>
          <div class="box-body border-radius-none">
            <div id="buyIn" style="min-width:400px;height:380px"></div>
          </div>
        </div>
      </section>
      <section class="col-md-6 ui-sortable ui-sortable">
        <div class="box box-solid">
          <div class="box-header ui-sortable-handle">
            <i class="fa fa-th"></i>
            <h3 class="box-title">{{i18n.SalesStatistics}}</h3>
            <div class="box-tools pull-right"></div>
          </div>
          <div class="box-body border-radius-none">
            <div id="saleOut" style="min-width:400px;height:380px"></div>
          </div>
        </div>
      </section>
    </div>
  </div>
  <footer class="main-footer m0">
    <div class="pull-right hidden-xs">当前版本： V2.1</div>
  </footer>
</div>

<a id="scroll-up" href="#" class="btn btn-sm"><i class="fa fa-angle-double-up"></i></a>